<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">

	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="/static/css/index.css">
	<script type="text/javascript" src="/static/scripts/index.js"></script>
  	


</head>
<body class="content">
	<div class="topdiv">
			<div id="nav" class="divinline">
				<ul>
					<li class="lil"><p><a href="index.html">主&nbsp;页</a></p></li>
					<li class="lil"><p><a href="order.html">课程中心</a></p></li>
					<li class="lil"><p><a href="myinfo.html">个人中心</a></p></li>
					<li class="lir"><p><a href="logout">退出登录</a></p></li>
					<li class="lir" id="unickname"><p>{{user.nickname}}</p></li>
					<li class="lir" id="src"><img src="/media/{{user.src}}" style="width: 50px;height: 50px;border-radius: 25px"></li>
				</ul>				
			</div>
	</div>


	<div id="container">
	    <div id="list" style="left: 0px;">
	        <img src="/static/images/bkground/11.jpg" alt="1"/>
	        <img src="/static/images/bkground/11.jpg" alt="2"/>
	        <img src="/static/images/bkground/55.jpg" alt="3"/>
	        <img src="/static/images/bkground/11.jpg" alt="4"/>
	        <img src="/static/images/bkground/55.jpg" alt="5"/>
	    </div>
	    <div id="buttons">
	        <span index="1" class="on"></span> <!--  buttons[0] -->
	        <span index="2"></span>
	        <span index="3"></span>
	        <span index="4"></span>
	        <span index="5"></span>
	    </div>
	    <div id="prev" class="arrow">&lt;</div>
	    <div id="next" class="arrow">&gt;</div>
	</div>


	<div>
	<h1 align="center">老师信息</h1>
	</div>
	{%for techer in techers%}
	<div class="container_bi">
		<img class="tech_img" src="/media/{{techer.src}}" id="{{techer.id}}" onmouseover="showinfo(this)"  onmouseleave="hideinfo(this)"/>
		<div class="tech_text" id="info{{techer.id}}">
			 <h3>个人简介</h3>
			 &nbsp;&nbsp;姓名：{{techer.nickname}}<br/>
			 &nbsp;&nbsp;年龄：{{techer.age}}岁<br/>
			 &nbsp;&nbsp;学校：{{techer.school}}<br/>
			 &nbsp;&nbsp;学历：{{techer.eduBackgroud}}<br/>
			 &nbsp;&nbsp;联系方式：{{techer.contact}}<br/>
		</div>



		<!-- <div class="pinfo" id="info{{forloop.counter}}">
		{{news.publisher.nickname}}
		</div>
		id="{{userinfo.techer.id}}"
		 -->
	</div>
	{%endfor%}
</body>
</html>